list-style-type
|
|
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1, CSS2 |
|
Значення за умовчанням |
disc (для <UL>); decimal (для <OL>) |
|
Наслідує |
Так |
|
Застосовується |
До тегів
<DD>, <DT>, <LI>, <OL> і <UL>, а також до усіх
елементів, у яких вказане display : list - item |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/generate.html#propdef - list - style - type |
Опис
Змінює вид маркера для кожного елементу списку. Ця властивість використовується тільки у разі, коли значення list - style - image встановлене як none. Маркери розрізняються для маркірованого списку (тег <UL>) і нумерованого (тег <OL>).
Синтаксис
list - style - type: circle | disc | square | armenian | decimal | decimal - leading - zero | georgian | lower - alpha | lower - greek | lower - latin | lower - roman | upper - alpha | upper - latin | upper - roman | none | inherit
Значення
Значення залежать від того, до якого типу списку вони застосовуються: маркірованому або нумерованому.
Маркірований список
circle Маркер у вигляді гуртка.
disc Маркер у вигляді точки.
Square Маркер у вигляді квадрата.
Нумерований список
armenian Традиційна вірменська нумерація.
decimal Арабські числа (1, 2, 3, 4,..).
decimal - leading – zero Арабські числа з нулем попереду для цифр менше десяти (01, 02, 03,..).
georgian Традиційна грузинська нумерація.
lower – alpha Рядкові латинські букви (a, b, c, d,..).
lower - greek Рядкові грецькі букви (α,..).
lower - latin Це значення аналогічно lower - alpha.
lower - roman Римські числа в нижньому регістрі (i, ii, iii, iv, v,..).
upper - alpha Заголовні латинські букви (A, B, C, D,..).
upper - latin Це значення аналогічно upper - alpha.
upper – roman Римські числа у верхньому регістрі (I, II, III, IV, V,..).
none Відміняє маркери для списку.
inherit Наслідує значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
<title>list - style - type</title>
<style type="text/css">
UL {
list - style - type: square; /* Квадратних маркерів */
}
</style></head>
<body>
<ul>
<li>техніний університет</li> <li>Професійний заклад освіти</li> <li>Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку. Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів. </li></ul>
</body>
</html>Результат цього прикладу показаний ні мал. 1.
Мал. 1. Застосування властивості list - style - type
Об'єктна модель
[window.]document.getElementById("elementID").style.listStyleType
Браузери
У браузері Internet Explorer 6 при використанні нумерованого списку <OL> і значення inside властивості list - style - position, числа йдуть з 10, починають накладатися на текст списку.
Браузер Internet Explorer до сьомої версії включно не підтримує значення armenian, decimal - leading - zero, georgian, lower - greek, lower - latin, upper - latin, inheirt. Замість них виводиться нумерація арабськими числами. У цьому браузері нумерація або маркери не відображаються для плаваючих елементів (UL { float: left; }).
Internet Explorer 8 додатково розуміє значення upper - greek, яке встановлює нумерацію у вигляді заголовних грецьких букв (Α,..).
